<template>
	<div id="hZcontainer">
		<zoneheader></zoneheader>
		<div class="section">
			<div class="hz-wraper">
				<img src="../assets/images/1482490775691976.jpg" />
			</div>
			<div class="hz-swap">
				<a href="#">
					<img src="../assets/images/1472457997612533.jpg" />
				</a>
			</div>

			<winelist :hzdata="hzdata"></winelist>
			<div class="hz-rule">
				<div class="hz-mon">
					<em style="border-color:black;"></em>
					<p>活动说明</p>
					<em style="border-color:black;"></em>
				</div>
				<div class="hzrule-con">
					<p>
						活动说明：</p>
					<p>
						1、百元网酒优惠券使用时间：2016年12月15日-2017年8月31日（逾期作废）；<br> 2、关于优惠券：用户接收到优惠券券码，优惠券未与当前账户绑定，请进入“网酒账户——虚拟账户——优惠券”激活， 也可在下单时激活；<br> 激活成功后，优惠券会与当前账户绑定，无法进行变更，您只能在当前账户订购时才能使用该优惠券；
						<br> 3、百元网酒优惠券为100元的优惠券，此优惠券仅限本专题露出商品使用，可购买本专题任意商品，每张仅限使用一次，单张可用于购买多个商品；在支付时直接勾选优惠券，即可直接减100元，其他专题页面商品不适用，部分商品不参与满减活动；
						<br> 4、因促销酒款不可预估的抢购行为，网酒网有权对售罄商品进行更换和下架；
						<br> 5、详细活动规则，请致电网酒网客服，电话4000-519-519。
					</p>
				</div>
			</div>
			<loadwj></loadwj>
		</div>
	</div>
</template>

<script>
	import axios from 'axios';
	import Vue from 'vue';
	import store from '../vuex/store'

	import zoneheader from '../components/zoneheader.vue';
	import loadwj from '../components/loadwj.vue';
	import winelist from '../components/winelist.vue';
	//import axiosUtil from '../utils/axios.util';
import  VueResource  from 'vue-resource'
	Vue.use(VueResource) 
	export default {
		data() {
			return {
				hzdata: []
				
			}
		},
		components: {
			loadwj,
			winelist,
			zoneheader
		},
		mounted() {
			this.$store.commit('changeHeadname', '百元专区');
			//axiosUtil(this, `/vip/hzlist.php`)
			 this.$http.jsonp('/apj/api/simple/recommendService/recommendJP?client_sig=wap&format=jsonp&_=1508977182597')
			.then((res)=>{
				const data = res.body.result
				this.hzdata = data
			})
		},
		store
	}
</script>

<style lang="scss">

</style>